<template>
  <view class="information-page">
    <view class="information-head">
      <image src="@/static/img/collectPage/selling.png" mode=""></image>
      <view class="information-name">叮叮老师看球</view>
    </view>
    <view class="information-row">
      <view class="row-title">专栏号</view>
      <view class="row-name">121313</view>
    </view>
    <view class="information-row">
      <view class="row-title">创建时间</view>
      <view class="row-name">2023-10-23</view>
    </view>
    <view class="information-footer">
      <view class="footer-title">专栏介绍</view>
      <view class="footer-name">栏主太懒了，什么都没有留下。</view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      }
    }
  }
</script>

<style lang="less" scoped>
  .information-page{
    padding-top: 30rpx;
    box-sizing: border-box;
  }
  .information-head {
    width: 750rpx;
    height: 178rpx;
    background: rgba(255, 255, 255);
    box-shadow: 0rpx 2rpx 20rpx rgba(161, 161, 161, 0.16);
    box-sizing: border-box;
    padding: 0 20rpx;
    display: flex;
    align-items: center;

    image {
      height: 118rpx;
      width: 118rpx;
      border-radius: 10rpx;
    }

    .information-name {
      font-size: 36rpx;
      font-weight: 500;
      color: #313131;
      margin-left: 20rpx;
    }
  }

  .information-row {
    width: 750rpx;
    height: 122rpx;
    background: rgba(255, 255, 255);
    box-shadow: 0rpx 2rpx 20rpx rgba(161, 161, 161, 0.16);
    margin-top: 10rpx;
    box-sizing: border-box;
    padding: 0 40rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .row-title {
      font-size: 36rpx;
      font-weight: 500;
      color: #313131;
    }

    .row-name {
      font-size: 36rpx;
      font-weight: 500;
      color: #909090;
    }
  }

  .information-footer {
    width: 750rpx;
    background: rgba(255, 255, 255);
    box-shadow: 0rpx 2rpx 20rpx rgba(161, 161, 161, 0.16);
    box-sizing: border-box;
    padding: 40rpx;
    margin-top: 10rpx;

    .footer-title {
      font-size: 36rpx;
      font-weight: 500;
      color: #313131;
    }

    .footer-name {
      font-size: 36rpx;
      font-weight: 500;
      color: #909090;
      margin-top: 30rpx;
    }
  }
</style>